<%-- 
    Document   : index
    Created on : Feb 24, 2012, 2:21:40 PM
    Author     : sunchak
--%>

<%@page import="com.binkam.merashehar.dto.Infoitem"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="init.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <script>
//            $(document).ready(function(){
//                loadCategories();
//            });
        </script>
    </head>
    <body>
        <div class="ms_container">
            <div class="top_header">
                <div id="logo"><img src="img/logo.png" height="50" onclick="window.location.href='index.jsp'"/></div>
                <div id="links"><a href="#" onclick="showLogin();"> Login</a> | Register</div>
                <div id="loginScreen">Login Page</div>
            </div>
            <div id="banner-advertisement">
                <div class="wrapper">
                    <div class="content">

                    </div>
                </div>
            </div>
            <div class="searchbar">
                <div>
                    <input type="text" name="city" value="City Ex. Hyderabad" onclick="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;" onblur="this.value = ( this.value == '' ) ? 'City Ex. Hyderabad' : this.value;return true;"/>
                    <input type="text" name="search_string" class="long-text-bar" value="Enter search string" onclick="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;" onblur="this.value = ( this.value == '' ) ? 'Enter search string' : this.value;return true;"/>
                    <input type="text" name="area" value="Area Ex. Manikonda" onclick="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;" onblur="this.value = ( this.value == '' ) ? 'Area Ex. Manikonda' : this.value;return true;"/>
                    <input type="button" value="Search" class="g-button g-button-submit long-button"/>
                </div>
            </div>
            
            <div class="center-div">

                
                <div id="search-criteria-holder">
                    <div id="searchFilter">
                        <dir class="header">Search Criteria</dir>
                        <div class="content">
                            
                                <div id="row">
                                    <div>State</div>
                                    <select><option>Select State</option></select>
                                </div>
                                <div id="row">
                                    <div>City</div>
                                    <select><option>Select City</option></select>
                                </div>
                                <div id="row">
                                    <div>Category</div>
                                    <select><option>Select Category</option></select>
                                </div>
                                <div id="row">
                                    <div>Sub Category</div>
                                    <select><option>Select Sub Category</option></select>
                                </div>
                            <div id="row">
                                <div>&nbsp;</div>
                                <button class="g-button g-button-share">Search</button>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div id="category-menu-holder">
                    <div class="header"></div>
                    <div class="content">
                        <%
                           List itemList = (List)session.getAttribute("itemList");
                           for(int i=0;i<itemList.size();i++){
                               Infoitem infoitem = (Infoitem)itemList.get(i);
                               
                               %>
                               <tr>
                                   <td>
                                       <div id="itemDiv">
                                           <div class="itemHeader">
                                               <div class="name"><%=infoitem.getItemname()%></div>
                                               <div class="rating">Rating</div>
                                           </div>
                                           <div class="itemBody">
                                               <div class="image">Image</div>
                                               <div class="address"><%=infoitem.getAddressline1()%></div>
                                               <div class="phone"><%=infoitem.getPhone1()%></div>
                                           </div>
                                       </div>
                                       
                                   </td>
                               </tr>
                               <%
                           }
                        %>
                        
                    </div>

                </div>
            </div>
        </div>
        <div class="footer">
            Footer
        </div>
    </body>
</html>
